@tailwind base;
@tailwind components;
@tailwind utilities;
.bg-weather-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 102 138 / var(--tw-bg-opacity));
}
.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10rem;
    padding-left: 10rem;
}
.hover\:text-weather-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(0 78 113 / var(--tw-text-opacity));
}
.bg-weather-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 78 113 / var(--tw-bg-opacity));
}
.hover\:scrollbar-thumb-blue-300 {
    --scrollbar-thumb-hover: #93c5fd !important;
}
.scrollbar-thin {
    scrollbar-width: thin;
}
